<%@ page import="com.google.gdata.client.http.AuthSubUtil" %>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Link.me.in</title>
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen, projection"/>
    <link rel="stylesheet" href="css/main.css" type="text/css" media="screen, projection"/>
    <style type="text/css">
    #header {
        text-align: center;
        font-family: Georgia, Times New Roman, Serif;
        font-size: 24px;
    }

    ul {
        list-style: none;
    }

    li {
        background: transparent url( images/ok.png ) left center no-repeat;
        padding-left: 2.8em;
    }

    .features {
        font-size: 14px;
        width: 400px;
        margin: 0 auto;
        line-height: 3;
    }

    #login {
        width: 450px;
        margin: 0 auto;
    }

    h1 {
        margin: 0;
        padding: 0;
    }

    </style>
</head>
<body>
<img src="${createLinkTo(dir: 'images', file: 'watermark.png')}" alt="" id="watermark"/>
<img src="${createLinkTo(dir: 'images', file: 'beta.png')}" alt="" id="beta"/>
<div id="header">
    <img src="${createLinkTo(dir: 'images', file: 'logo.png')}" alt="link me in"/><br/><br/>
    ThoughtLinking ThoughtWorks China
</div>

<div class="features">
    <h1>Here you can</h1>

    <ul>
        <li>Add colleagues to your contact list quickly</li>
        <li>View all projects and staff information and their update</li>
        <li>Know where projects and people are</li>
    </ul>


    <h1>To start</h1>

</div>
<div id="login">
    <a href=<%= AuthSubUtil.getRequestUrl(grailsApplication.config.grails.serverURL+ "/dashboard/index.gsp", "http://picasaweb.google.com/data/ http://www.google.com/m8/feeds/", false, true) %>><img src="images/login-button.png" alt="login using your google account"/></a>
</div>
</body>
</html>